﻿@model EventSys.MVC4Web.Models.RegisterModel
@{
    //ViewBag.Title = "Registrarse";
}

<hgroup class="title">
    <h1>@ViewBag.Title</h1>
    <h2>Registro de Usuario</h2>
</hgroup>

@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary()

    <fieldset>
        <legend>Registro</legend>
        <ol>
            <li>
                @Html.LabelFor(m => m.UserName)<br />
                @Html.TextBoxFor(m => m.UserName)
            </li>
            <li>
                Nombres:
                 @*@Html.LabelFor(m => m.Nombres)*@<br />
                @*@Html.TextBoxFor(m => m.Nombres)*@
                <input type="text" placeholder="Nombres Completos" required class="ui-corner-all form-input-text box-shadow-soft" id="Nombres" name="Nombres" />
            </li>
            <li>
                Apellidos:<br />
                 @*@Html.LabelFor(m => m.Apellidos)*@
                @*@Html.TextBoxFor(m => m.Apellidos)*@
                <input type="text" placeholder="Apellidos Completos" required class="ui-corner-all form-input-text box-shadow-soft" id="Apellidos" name="Apellidos" />
            </li>
            <li>
                @*@Html.LabelFor(m=>m.Correo)<br />
                @Html.TextBoxFor(m =>m.Correo)*@
                Correo Electrónico:<br />
                <input type="email" placeholder="Email" required class="ui-corner-all form-input-text box-shadow-soft" id="Correo" name="Correo" />
            </li>
            <li>
                @*@Html.LabelFor(m => m.Password)<br />
                @Html.PasswordFor(m => m.Password)*@
                Password:<br />
                <input type="password" placeholder="Contraseña" required class="ui-corner-all form-input-text box-shadow-soft" id="Password" name="Password" />
            </li>
            <li>
                Confirmar Contraseña:<br />
                @*@Html.LabelFor(m => m.ConfirmPassword)<br />
                @Html.PasswordFor(m => m.ConfirmPassword)*@
                <input type="password" placeholder="Confirmar Contraseña" required class="ui-corner-all form-input-text box-shadow-soft" id="ConfirmPassword" name="ConfirmPassword" />            
                
            </li>
        </ol>
        <input type="submit" value="Registrarse" class="k-button" />
    </fieldset>

       
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

<script>

    $(document).ready(function () {

        //CENTRAR LOGIN
        $('input[type="text"], input[type="password"]').focus(function () {
            $(this).animate({ 'width': '+=10px', 'padding': '0 +=8px' }, 180)
        }).focusout(function () {
            $(this).animate({ 'width': '-=10px', 'padding': '0 5px' }, 180)
        });

    });

</script>
